<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>抖音视频下载</title>
  <meta name="Keywords" content="抖音视频下载,抖音视频解析,如何下载抖音视频,怎么下载抖音视频,抖音视频如何下载到本地,抖音视频如何下载到电脑," />
  <meta name="Description" content="抖音视频下载,抖音视频解析,电脑下载抖音视频" />
  <!-- Set render engine for 360 browser -->
  <meta name="renderer" content="webkit">
  <!-- No Baidu Siteapp-->
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <link rel="icon" type="image/png" href="{{static_url('sub/images/favicon_dy.png')}}">
  <link rel="stylesheet" href="http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.min.css">
</head>
<body>
	<div class="am-container">
		<header class="am-topbar">
		  <h1 class="am-topbar-brand">
			<a href="/" target="_blank">溜翻网</a>
		  </h1>
		</header>
		<div class="am-container" style="margin:40px 0;">
			<img src="{{static_url('sub/images/logo_dy.png')}}" class="img am-center">
		</div>
		<div class="am-form am-form-horizontal">
			<div class="am-form-group">
				<div class="am-u-sm-10">
					<input type="email" class="qing-input" placeholder="输入视频地址，如 http://v.douyin.com/*****/">
				</div>
				<div class="am-u-sm-2">
					<button class="am-btn am-btn-primary qing-download">获取抖音视频</button>
				</div>
			</div>
		</div>
		<div class="am-alert am-alert-danger" style="display:none;">
			<p>error message</p>
		</div>
		<div class="qing-ads">
		</div>
		<div class="am-panel am-panel-default" id="qing-content">
		  <div class="am-panel-hd">
			<h3 class="am-panel-title qing-title">点击蓝色按钮,打开抖音视频连接，在新窗口内右击另存为</h3>
		  </div>
		  <div class="am-panel-bd">
			<div class="qing-img ">
				<a href="{{cur_url}}" target="_blank">{{cur_url}}</a>
			</div>
			<hr/>
		  </div>
		</div>
		<div class="am-panel am-panel-default">
			<div class="am-panel-hd">版权声明</div>
			<div class="am-panel-bd">视频解析后，在点击右键，另存为。 内容归原抖音账号上传者所有，本站不负任何法律责任</div>
		</div>
		<section data-am-widget="footer" class="am-footer am-footer-default">
			<div class="am-footer-switch">
				<a href="https://www.douyin.com/"  class="am-footer-desktop"  target="_blank" rel="noreferrer">抖音官网</a></span>
			  </div>
		</section>
		{% include '../public/footer.html' %}
	</div>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.min.js"></script>
<script type="text/javascript">
$(function(){
	function errorMsg(data){
		$('.am-alert').hide();
		$('.am-alert p').html(data.msg);
		$('.am-alert').show();
	}
	function okMsg(data){
		var imgA = '<a href="'+data.video_url+'" rel="noreferrer" target="_blank" class="am-btn am-btn-primary am-btn-block">'+data.video_url+'</a>';
		$('#qing-content .qing-img').html(imgA);
	}
	$(".qing-download").click(function(){
		var urlContent = $('.qing-input').val();
		$.getJSON('/douyin_content',{key:'douyin',url:urlContent}, function(data){
			if(data.code == 200){
				$('.am-alert').hide();
				okMsg(data.data);
			}else{
				errorMsg(data);
			}
		});
	});
});
</script>
</body>
</html>